* {
	padding: 0; 
	margin: 0;
}

/* Imagereplacement for graphics headings 
*/
.replace { 
	position:relative; 
	margin:0px; 
	padding:0px; 
	/* hide overflow:hidden from IE5/Mac */ 
	/* \*/ 
	overflow: hidden; 
	/* */ 
} 
.replace span { 
	display:block; 
	position:absolute; 
	top:0px; 
	left:0px; 
	z-index:1; /*for Opera 5 and 6*/ 
}


/* Body 
*/
body {
	font: 0.70em/1.8em "Lucida Grande", Verdana, Arial, Verdana, sans-serif;
	color: #343;
	height: 100%;
	background-color: #fff;
	background-image: url(/__generic/images/s5/bg-head-2.gif) !important;
	background-image: url(/__generic/images/s5/bg-head.gif);
	background-repeat: repeat-x; 
}

/* Some DIVs
*/
#head {
	position: absolute;
	top: 0px;
	left: 0px; 
	height: auto; 
	width: auto; 
	padding-top: 5px;
}
html>body #head {
	position: fixed; 
	width: 100%;
	background-image: url(/__generic/images/s5/bg-head.png);
	background-repeat: repeat-x; 
	height: 73px;
	z-index: 5;
}
	
/* container 
*/
#container {
	position: absolute; 
	top: 45px; 
	left: 0px; 
	width: 578px;
	z-index: 1;
}



#content {
	background-image: url(/__generic/images/s5/content-bg.gif);
	background-repeat: no-repeat;
	width: 478px;
	\width: 578px;
	w\idth: 478px;	
	padding: 30px 50px 50px 50px;
	margin-left: 50px;
}
html>body #container #content {
	background-image: url(/__generic/images/s5/content-bg-2.gif);
}

#footer {
	text-align: center; 
	padding: 15px 0px 0px 0px;
	margin: 0 0 20px 100px;
	width: 470px;
	/*
	background-image: url(/__generic/images/s5/footer-bg.gif);
	background-repeat: no-repeat;
	*/
}

/* Headline
*/
#dro, 
#dro span{ 
  height: 33px; 
  width: 438px; 
  background-image: url(/__generic/images/intro/dro-1.gif); 
} 


/* Navigation
*/
#navigation {
	position: absolute;
	top: 150px; 
	left: 650px; 
	width: auto;
	height: auto; 
	z-index: 1; 
}

#progress {
	width: 60px; 
	height: auto; 
	background-image: url(/__generic/progress.gif);
	background-position: center center; 
	background-repeat: no-repeat;
}

#sidebar {
	position: absolute;
	top: 38px; 
	left: 0px; 
	width: auto;
	height: auto; 
	z-index: 1;
}
.nav h4 {
	color: #383C40; 
	font-size: 1em; 
	line-height: 1.7em;
	height: 20px;
	font-weight: bold; 
	padding: 0;
	margin: 0;
}
.nav ul {
	list-style-type: none; 
	font-size: 0.9em;
	line-height: 1.0em;
	margin: 0px 0 10px 0px; 
	padding: 1px 0 0 1px; 
}
.nav ul li {
	padding: 0;
	margin: 0 0 0 1px;
	list-style-image: none;
	height: 14px;
}
html>body .nav ul li {
	height: auto;
}
.nav ul li.active {
	background-color: #f0f5f0; 
}
.nav ul li a:link, 
.nav ul li a:visited,
.nav ul li a:hover,
.nav ul li a:active {
	display: block;
	text-transform: lowercase;
	padding: 0 0 0 6px; 
	width: auto; 
	line-height: 14px; 
	min-height: 14px;
	color: #383C40;
	text-decoration: none;
	border: 0;
}
.nav ul li a:hover {
	background-image: url(/__generic/images/s5/nav-link-bg.gif);
	background-position: center left; 
	background-repeat: no-repeat;
}

.nav form {
	margin: 1px; 
}
.nav input {
	border: 1px solid #E3E3E3; 
	background: #fff; 
	background-image: url(/__generic/images/s5/div-bg.gif); 
	background-repeat: no-repeat;
	background-position: -1px -1px;
	
}

.hnav {
	width: 100%;
	border-top: 1px solid #fff;
}

.hnav ul {
	margin-left: 50px; 
}

.hnav li {
	display: inline; 
	padding: 0 5px;
}
.hnav ul li a:link, 
.hnav ul li a:visited,
.hnav ul li a:hover,
.hnav ul li a:active {
	padding: 0 5px;
	text-transform: lowercase;
	line-height: 14px; 
	min-height: 14px;
	color: #fff;
	text-decoration: none;
	border: 0;
}
.hnav ul li a:hover {
	background-color: #fff;
	color: #383C40;
}

#metanav { 
	position: absolute;
	top: 310px; 
	left: 628px; 
	width: 250px; 
	height: auto; 
}

.entry,
.singleentry {
	padding: 40px 0px;
	clear: both;
}

.heading {
	padding: 0 0 8px 0;
}

.text {
	padding-left: 0px;
}
ul p,
ol p,
blockquote p {
	text-align: left; 
}  
/* text
*/
a:link  {
	text-decoration: none; 
	border-bottom: 1px dotted #696;
	color: #696;
}
a:visited {
	text-decoration: none; 
	border-bottom: 1px dotted #696;
	color: #666;
}
a:hover {
	text-decoration: none; 
	border-bottom: 1px solid #696;
	color: #666;
}
a:active {
	text-decoration: none; 
	border-bottom: 1px dotted #696;
	color: #666;
}

a.mlink  {
	border: 0; 
}

h2  {
	text-transform: uppercase;
	font: 1.7em/1.0em Helvetica, Arial, Sans-Serif; 
	line-height: 1.0em;
	letter-spacing: -1px;   
	font-weight: normal;
	color: #666;
	padding: 10px 0 0 0;
	margin: 0 0 0 0;
}
.singleentry h2  {
	padding: 10px 0;
	text-align: center;
}
h2 a:link, 
h2 a:visited, 
h2 a:hover, 
h2 a:active {
	color: #666;
	text-decoration: none;
	border: 0;
	padding: 0 15px 0 0px;
}

.alta a:link, 
.alta a:visited, 
.alta a:hover, 
.alta a:active {
	color: #666;
	text-decoration: none;
	border: 0;
}


h3  {
	text-align: center; 
	font-size: 1em; 
	letter-spacing: 3px;   
	font-weight: normal;
	margin: 50px 0 10px 0;
}
p.qotd {	
	text-align: right; 
	font-style: italic;
	padding: 40px 0px 30px 80px;
	margin: 0 -20px 0 0 ;
	color: #666;
}
p.pager {
	text-align: right; 
	margin: 30px 0;
}

p {
	padding: 0 0 8px 0;
}


p.posted,
p.music {
	clear: both; 
	font-size: 0.9em;
	color: #666;
	padding: 0 0 0 18px;
}
p.music {
    background-image: url(/__generic/images/s5/noten.gif);
    background-repeat: no-repeat;
    background-position: left center;
}
p.posted {
    background-image: url(/__generic/images/s5/plink.gif);
    background-repeat: no-repeat;
    background-position: left center;
}
p.posted-footer {
	font-size: 0.9em;
	text-align: left; 
	margin: 25px 0px 10px 0;
	line-height: 1.5em;
/*	
	background-image: url(/__generic/images/s5/div-bg.gif);
	background-repeat: no-repeat; 
	background-position: top left; 	*/
}

p.quicklinks {
	padding: 0 20px 3px 20px;
	text-indent: -20px; 
	text-align: left;
}
p.quicklinks a.mlink {   
    background-image: url(/__generic/images/s5/plink.gif);
    background-repeat: no-repeat;
    padding-left: 12px;
    color: #fff;
}

q {
	font-style: italic; 
}
q:before {
	content: "\BB";
}
q:after {
	content: "\AB";
}

acronym, 
abbr {
	cursor: help; 
	font-style: italic; 
} 
acronym:hover,
abbr:hover {
	content: attr(title);
}

blockquote {
	font-style: italic;
	padding: 0; 
	margin-left: 30px; 
}
code,
pre {
	font: 11px "Courier New", Courier, Mono;
	color: #533;
	overflow: auto;
	margin-bottom: 10px; 
}
kbd  {
	font-size: 1em; 
}

#container a[title]  {
	cursor: help;
}  

#container ul, 
#container ol  {
	padding: 0 0 8px 15px;
	margin: 0 0 0 10px;
}
#container ul li {
	list-style-image: url(/__generic/li.gif);
}

#container h3#comments {
	text-align: left; 
	padding: 10px 0 0 0px;
}

#container form#commentform {
	padding: 20px 0px 0 0px;
}

#container ol.comments {
	list-style-type: none; 
	padding: 0; 
	margin: 20px 30px 20px 0px;
}

#container ol.comments h4 {
	font-size: 1em;
	font-weight: normal; 
	padding: 0;
	margin: 0;
}

#container ol.comments p {
	padding: 5px 0 0 0;
	margin: 0;
}

#container h3#comments {
	margin: 0 0 1px 0;
}

#container ol.comments li {
	padding: 10px;
	margin: 15px 0;
	background-image: url(/__generic/images/s5/div-bg.gif);
	background-repeat: no-repeat; 
	background-position: top left; 
}

#container ol.comments li ul li,
#container ol.comments li ol li {
	background-image: none; 
	padding: 0;
	margin: 0;
}

/*
#container ol.comments li.odd {
	background-color: transparent; 
	border-bottom: 1px solid #999;
}

#container ol.comments li.even {
	background-color: #f9f9f9; 
	border-bottom: 1px solid #999;
}

#container ol.comments li.me {
	background-color: #f9fff9; 
	border-bottom: 1px solid #999;
}
*/ 

#container ol.comments li h4 a:link, 
#container ol.comments li h4 a:visited,
#container ol.comments li h4 a:hover,
#container ol.comments li h4 a:active {
	border: 0;
}



/*  Styles fuer Formulare 
*/
/*
input, 
textarea {
	border: 1px solid #aaa; 
	background-color: #F4F4F3;
	background-image: url(/__generic/images/s1/form-bg.gif); 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding: 2px; 
}
*/
input,
textarea { 
	border: 1px solid #E3E3E3;
	background-color: #fff;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding: 3px; 
	background-image: url(/__generic/images/s5/div-bg.gif); 
	background-repeat: no-repeat;
	background-position: -1px -1px;
}

input.cmtform, 
textarea.cmtform {
	width: 350px;
	margin-left: 10px; 
}
fieldset  {
	border: 0; /* 1px solid #e0e5e0; */
	padding: 7px 15px; 
}
fieldset {
	background-image: url(/__generic/images/s5/div-bg.gif);
	background-repeat: no-repeat; 
	background-position: top left; 
}	
fieldset legend {
	background-color: #fff;
	border: 1px solid #E3E3E3;
	padding: 0 15px;
	margin: 0 20px;
	line-height: 1.3em;
	background-image: url(/__generic/images/s5/div-bg.gif); 
	background-repeat: no-repeat;
	background-position: -1px -1px;	
}
input:focus,
textarea:focus {
	background-color: #fff;
	color: #000;
	border: 1px solid #ccc;	
}
input.submit,
input.preview,
input[type=submit] {
	cursor: pointer; 
	background-color: #fff; 
	background-image: url(/__generic/images/s5/button-bg.gif); 
	border: 0px; 
	width: 120px; 
	height: 24px; 
	line-height: 22px;
	font: 10px "Lucida Grande", Verdana, Arial, Verdana, sans-serif;
	font-weight: normal;
	color: #333;
}

label  {
	cursor: pointer; 
}


/*  Images
*/
.imgc  {
	text-align: center;
	width: auto; 
	margin-bottom: 2px;    
	overflow: auto;
}
.imgc img  {
	padding: 5px; 
	border: 1px solid #E3E3E3;
	background-image: url(/__generic/images/s5/div-bg.gif);
	background-repeat: no-repeat; 
	background-position: -1px -1px; 
}

.img  {
	text-align: left;
	width: auto; 
	margin: 0;    
	overflow: auto;
}
.img img  {
	padding: 5px; 
	border: 1px solid #E3E3E3;
	background-image: url(/__generic/images/s5/div-bg.gif);
	background-repeat: no-repeat; 
	background-position: -1px -1px; 
}

.imgright  {
	text-align: center;
	margin-left: 20px; 
	width: auto; 
	float: right; 
}
.imgright img  {
	padding: 5px; 
	border: 1px solid #E3E3E3;
	background-image: url(/__generic/images/s5/div-bg.gif);
	background-repeat: no-repeat; 
	background-position: -1px -1px; 
}

.imgleft  {
	text-align: center;
	width: auto; 
	float: left; 
	margin-right: 10px; 
}
.imgleft img  {
	padding: 5px; 
	border: 1px solid #E3E3E3;
	background-image: url(/__generic/images/s5/div-bg.gif);
	background-repeat: no-repeat; 
	background-position: -1px -1px; 
}
.imgfloat  {
	text-align: center;
	margin-left: 10px; 
	width: auto; 
	float: right; 
}
.imgfloat img  {
	padding: 5px; 
	border: 1px solid #E3E3E3;
	background-image: url(/__generic/images/s5/div-bg.gif);
	background-repeat: no-repeat; 
	background-position: -1px -1px; 
} 
.img a:link,
.img a:visited,
.img a:hover,
.img a:active,
.imgleft a:link,
.imgleft a:visited,
.imgleft a:hover,
.imgleft a:active,
.imgright a:link,
.imgright a:visited,
.imgright a:hover,
.imgright a:active,
.imgc a:link,
.imgc a:visited,
.imgc a:hover,
.imgc a:active {
	border: 0;
}

.morelink {
	text-align: right; 
	padding: 0 20px 0 0;
	margin: 0;
}
.morelink a:link, 
.morelink a:visited, 
.morelink a:hover, 
.morelink a:active {
	border: 0;
} 

.sbox-a {
	background-image: url(/__generic/images/s5/nav-a.gif); 
	background-repeat: repeat-y; 
}
.sbox-b {
	background-image: url(/__generic/images/s5/nav-b.gif); 
	background-repeat: no-repeat; 
	background-position: left top; 
}
.sbox-c {
	background-image: url(/__generic/images/s5/nav-c.gif); 
	background-repeat: no-repeat; 
	background-position: left bottom; 
	padding: 10px 0 10px 5px;
}

#sidebar img {
	margin-left: 10px; 
}